<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>功能详解 - MSRM3</title>
    <meta name="description" content="深入了解MSRM3六大核心功能模块：智能拓扑管理、数据排序与分类管理、数据管理、网络工具、IP定位、全网拓扑发现等">
    <link rel="stylesheet" href="css/style.css">
    <link rel="icon" href="images/favicon.ico" type="image/x-icon">
</head>
<body>
    <!-- 导航栏 -->
    <header>
        <nav class="navbar">
            <div class="container">
                <div class="logo">
                    <h1>MSRM3</h1>
                </div>
                <ul class="nav-links">
                    <li><a href="index.html">首页</a></li>
                    <li><a href="features.html" class="active">功能详解</a></li>
                    <li><a href="use-cases.html">使用场景</a></li>
                    <li><a href="technology.html">技术架构</a></li>
                    <li><a href="download.html">下载中心</a></li>
                    <li><a href="changelog.html">更新日志</a></li>
                    <li><a href="documentation.html">文档支持</a></li>
                    <li><a href="about.html">关于我们</a></li>
                </ul>
                <div class="hamburger">
                    <span></span>
                    <span></span>
                    <span></span>
                </div>
            </div>
        </nav>
    </header>

    <!-- 功能详解 -->
    <section class="features-detail">
        <div class="container">
            <h1>功能详解</h1>
            <div class="features-intro">
                <p>MSRM3 提供六大核心功能模块，覆盖网络运维的各个方面，帮助您高效管理企业网络。</p>
            </div>
            
            <div class="feature-module">
                <h2>1. 智能拓扑管理</h2>
                <div class="feature-content">
                    <div class="feature-text">
                        <h3>三层网络结构自动发现</h3>
                        <p>通过SNMP协议自动扫描网络设备，智能识别核心层、汇聚层、接入层设备，生成清晰的三层网络拓扑图。</p>
                        <h3>设备图标与连接线</h3>
                        <p>根据设备类型自动匹配图标（交换机、路由器、服务器等），连接线显示接口信息和链路状态。</p>
                        <h3>拓扑图操作</h3>
                        <p>支持拖拽调整设备位置、放大缩小、导出图片、设备信息查看等功能。</p>
                    </div>
                    <div class="feature-image">
                        <img src="images/topology.png" alt="智能拓扑管理界面">
                    </div>
                </div>
            </div>
            
            <div class="feature-module">
                <h2>2. 数据排序与分类管理</h2>
                <div class="feature-content">
                    <div class="feature-text">
                        <h3>自动数据分类</h3>
                        <p>按设备类型、IP段、厂商等维度自动分类网络数据，便于快速查找。</p>
                        <h3>灵活排序</h3>
                        <p>支持按IP地址、设备名称、在线状态等字段进行升序/降序排序。</p>
                        <h3>自定义视图</h3>
                        <p>可自定义显示字段，隐藏不关心的信息，打造个性化数据视图。</p>
                    </div>
                    <div class="feature-image">
                        <img src="images/data-sorting.png" alt="数据排序与分类管理界面">
                    </div>
                </div>
            </div>
            
            <div class="feature-module">
                <h2>3. 数据管理</h2>
                <div class="feature-content">
                    <div class="feature-text">
                        <h3>设备信息管理</h3>
                        <p>记录设备的详细信息，包括型号、序列号、位置、负责人等，支持自定义字段。</p>
                        <h3>批量导入导出</h3>
                        <p>支持Excel格式批量导入设备信息，也可将数据导出为Excel、CSV等格式。</p>
                        <h3>历史记录追踪</h3>
                        <p>记录设备信息变更历史，便于追溯和审计。</p>
                    </div>
                    <div class="feature-image">
                        <img src="images/data-management.png" alt="数据管理界面">
                    </div>
                </div>
            </div>
            
            <div class="feature-module">
                <h2>4. 网络工具</h2>
                <div class="feature-content">
                    <div class="feature-text">
                        <h3>Ping工具</h3>
                        <p>批量Ping检测设备在线状态，快速识别网络故障点。</p>
                        <h3>Telnet/SSH</h3>
                        <p>内置Telnet和SSH客户端，可直接连接设备进行命令行操作。</p>
                        <h3>SNMP浏览器</h3>
                        <p>可视化SNMP MIB浏览器，方便查看和设置设备参数。</p>
                    </div>
                    <div class="feature-image">
                        <img src="images/network-tools.png" alt="网络工具界面">
                    </div>
                </div>
            </div>
            
            <div class="feature-module">
                <h2>5. IP定位</h2>
                <div class="feature-content">
                    <div class="feature-text">
                        <h3>IP地址快速查找</h3>
                        <p>通过IP地址快速定位到对应的设备和端口信息。</p>
                        <h3>MAC地址反查</h3>
                        <p>通过MAC地址查找对应的IP和设备信息。</p>
                        <h3>ARP表管理</h3>
                        <p>实时查看和管理ARP表，识别IP冲突和异常设备。</p>
                    </div>
                    <div class="feature-image">
                        <img src="images/ip-location.png" alt="IP定位界面">
                    </div>
                </div>
            </div>
            
            <div class="feature-module">
                <h2>6. 全网拓扑发现</h2>
                <div class="feature-content">
                    <div class="feature-text">
                        <h3>一键全网扫描</h3>
                        <p>只需输入起始IP和扫描范围，即可自动发现全网设备并生成拓扑图。</p>
                        <h3>多协议支持</h3>
                        <p>支持SNMP、ICMP、ARP等多种协议进行设备发现。</p>
                        <h3>扫描策略配置</h3>
                        <p>可配置扫描线程数、超时时间等参数，平衡扫描速度和准确性。</p>
                    </div>
                    <div class="feature-image">
                        <img src="images/full-network-discovery.png" alt="全网拓扑发现界面">
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 页脚 -->
    <footer>
        <div class="container">
            <div class="footer-content">
                <div class="footer-section">
                    <h3>MSRM3</h3>
                    <p>轻量级企业网络智能运维中枢 —— 一键拓扑、秒级定位、全网掌控</p>
                </div>
                <div class="footer-section">
                    <h4>快速链接</h4>
                    <ul>
                        <li><a href="download.html">下载中心</a></li>
                        <li><a href="documentation.html">文档支持</a></li>
                        <li><a href="changelog.html">更新日志</a></li>
                        <li><a href="about.html">关于我们</a></li>
                    </ul>
                </div>
                <div class="footer-section">
                    <h4>联系我们</h4>
                    <p>📧 Email: support@msrm3.com</p>
                    <p>💬 技术交流群：QQ群 123456789</p>
                </div>
            </div>
            <div class="footer-bottom">
                <p>&copy; 2025 MSRM3. 保留所有权利。</p>
            </div>
        </div>
    </footer>

    <script src="js/main.js"></script>
</body>
</html>